@use 'sass:map';

// .search-form-row {
//   width: 100%;
// }

.inputTextarea-elInput {
  :global {
    .el-textarea__inner {
      padding-right: 55px;
      background-color: map.get($bg-color, 'overlay', 0%);
    }
  }
}

.inputTextarea-showLimit {
  color: map.get($text-color, 'placeholder');
  position: absolute;
  top: 5px;
  right: 16px;
}

.search-form-item-btns {
  :global {
    .el-form-item__content {
      justify-content: left;
      gap: map.get($spacing, 'firstGear');
    }

    .el-button + .el-button {
      margin-left: 0;
    }
  }

  // .search-btn {
  //   margin-bottom: map.get($spacing, 'firstGear');
  // }
}

.base-upload {
  &.limit-max-upload :global(.el-upload) {
    display: none;
  }

  :global {
    .el-upload-list--picture-card {
      .el-upload-list__item {
        width: 80px;
        height: 80px;
        transition: none;

        .el-icon--close-tip {
          display: none;
          opacity: 0;
        }
      }

      .el-upload-list__item-status-label {
        opacity: 0;
      }

      .el-upload--picture-card {
        width: 80px;
        height: 80px;
        flex-direction: column;

        .el-icon {
          font-size: map.get($font-size, 'large') * 2;
        }
      }
    }
  }
}
